<html>
  <head>
    <script src="card.js"></script>
    <script src="img_tools.js"></script>
    <link rel="stylesheet" type="text/css" href="card.css">
    <meta name="viewport" content="width=360, initial-scale=1">
  </head>
  <body>
    <nav id='main_menu'> 
      <ul>
        <li><a href="index.html">Card Library</a></li>
        <li><a href="img.html">Image Library</a></li>
        <li><div>Deck</div></li>
      </ul>
    </nav>
    <div style="clear: both;">
    <div class="block">
      <canvas id="cards" width="300" height="200" ></canvas>
    </div>
    
    <script>
    var canvas = document.getElementById('cards');
    Card.init(canvas, 80, 120, 5, 4, 2, ImgTools.getImages());
    Card.generate();
    Card.addInputListeners();
    </script>
  </body>
</html>
